<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="tablecloth/tablecloth.css" rel="stylesheet" type="text/css" media="screen" />

<style>
body { margin:0; padding:0; background:#f1f1f1; font:70% Arial, Helvetica, sans-serif; color:#555; line-height:150%; text-align:left; }
a { text-decoration:none; color:#057fac; }
a:hover { text-decoration:none; color:#999; }
h1 { font-size:140%; margin:0 20px; line-height:80px; }
h2 { font-size:120%; }
#container { margin:0 auto; background:#fff; padding-bottom:20px; width:95%; hight:95%;}
#content { margin:0 20px;width:95%;hight:95%; }
p.sig { margin:0 auto; width:95%; padding:1em 0; }
form { margin:1em 0; padding:.2em 20px; background:#eee; }
</style>

</head>


<script type="text/javascript">
function change_div(){
   var div1=document.getElementById("content1");
   var div2=document.getElementById("content2");
   var div3=document.getElementById("content3");
   var div4=document.getElementById("content4");
   if(div1.style.display=="block"){
       div1.style.display="none";
       div2.style.display="block";
   }else if(div2.style.display=="block"){
       div2.style.display="none";
       div3.style.display="block";
   }else if(div3.style.display=="block"){
       div3.style.display="none";
       div4.style.display="block";
   }else if(div4.style.display=="block"){
       div4.style.display="none";
       div1.style.display="block";
   }
   setTimer();
}

function setTimer(){
   setTimeout(change_div,5000);
}

function doReady(){
   setTimer();
}

function content3_ajax(){
var url="<%=request.getContextPath()%>/SanAction.do?action=content3";
var myAjax = new Ajax1(url,{method:'POST',onComplete:function(){
  var data = JSON.decode(this.req.responseText);
  var sum=data.length;
  var html_before_start='<table>';
  var html_start='<tr><th class=TH>坐席编号</th><th class=TH>坐席名称</th><th class=TH>通话次数</th><th class=TH>通话时长</th></tr>'
  var html_end='</table>'
  var html_middle_1="";
  var html_middle="";
  if(data != null){
  for(i=0;i<data.length; i++){
	var temp = data[i];
	            var agent_id=temp.agent_id;
			    var staffname=temp.staffname;
				var total_out_succ_num=temp.total_out_succ_num;
				var timeShow=temp.timeShow;
				html_middle_1='<tr>'+
				'<td>'+agent_id+'</td>'+
				'<td>'+staffname+'</td>'+
				'<td>'+total_out_succ_num+'</td>'+
				'<td>'+timeShow+'</td>'+
				'</tr>'
				 html_middle += html_middle_1;
				}
	 document.getElementById("ajax").innerHTML= html_before_start+html_start+html_middle+html_end ; 
   }
}
})

}
</script>


<body onload="doReady()">

<!-- --------------------------------------------------------content1-------------------------------------------------------------------- -->

<div id="content1" style="display:block">
    <table>
    <tr>
    <td style="background:white" width="50%">
    <table cellspacing="0" cellpadding="0" width="100%" hight="100%">
      <tr>
        <th>组织名</th>
        <th>
        <input type="checkbox" />全体&nbsp;&nbsp;
        <input type="checkbox" />组织一&nbsp;&nbsp;
        <input type="checkbox" />组织二&nbsp;&nbsp;
        </th>
      </tr>              
    </table>
    </td>
    <td style="background:white" width="50%">
    <table cellspacing="0" cellpadding="0" width="100%" hight="100%">
      <tr>
        <th>服务等级</th>
        <th>
        <input type="checkbox" />10秒以内&nbsp;&nbsp;
        <input type="checkbox" />20秒以内&nbsp;&nbsp;
        <input type="checkbox" />30秒以内&nbsp;&nbsp;
        </th>
    </table>
    </td>
    </tr>
    <tr><td style="background:white" colspan=2>
    <table cellspacing="0" cellpadding="0" width="100%" hight="100%">
    <tr><th colspan=2>各部门CALL现状</th><th colspan=5>I/B</th><th colspan=3>O/B</th></tr>
    <tr><td>&nbsp;</td><td>流入数</td><td>接起数</td><td>排队数</td><td>呼损数</td><td>应答率</td>
      <td>服务水平率</td>
      <td>拨打数</td>
      <td>拨打成功数</td>
      <td>成功率</td>
      
      </tr>
    <tr><td>组织一</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td> </tr>
    <tr><td>组织二</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td> </tr>
    
    </table>
    
    </td></tr>
    <tr><td style="background:white" colspan=2><table cellspacing="0" cellpadding="0" width="100%" hight="100%">
      <tr>
        <th>&nbsp;</th>
        <th>种类</th>
        <th>签入人数</th>
        <th>应答</th>
        <th>后处理</th>
        <th>保持</th>
        <th>拨打</th>
        <th>转接</th>
        <th>会议</th>
        <th>休息</th>
        <th>其他</th>
        <th>运行率(100%)</th>
      </tr>
      <tr>
        <td rowspan=4>坐席现状</td>
        <td>A组</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>B组</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>C组</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>D组</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table></td></tr>
    </table>
  </div>

<!-- --------------------------------------------------------content2-------------------------------------------------------------------- -->

<div id="content2" style="display:none">
  
    <table cellspacing="0" cellpadding="0">
    <tr><td style="background:white" width="100%">
    <table cellspacing="0" cellpadding="0" width="100%" hight="100%">
      <tr>
        <th>服务水平</th>
        <th>
        <input type="checkbox" />10秒以内&nbsp;&nbsp;
        <input type="checkbox" />20秒以内&nbsp;&nbsp;
        <input type="checkbox" />30秒以内&nbsp;&nbsp;
        </th>
    </table>
    </td></tr> 
    
    <tr><td style="background:white" width="100%">
     <table cellspacing="0" cellpadding="0" width="100%" hight="100%">
     <tr>
     <th>查询</th>
     <th>组织 :
       <select></select></th>
     <th>区:<select></select></th>
     <th>组 :<select></select></th>
     <th>归属组: 全体,  I/B, WEB-IN类型, O/B DB类型</th>
     </tr>
     </table>
    </td></tr>  
    
    <tr><td style="background:white" width="100%">
    <table cellspacing="0" cellpadding="0" width="100%" hight="100%">
    <tr><th>部门现状</th><th colspan=6>I/B</th><th colspan=3>O/B</th><th colspan=3>坐席现状</th></tr>
    <tr><td>&nbsp;</td><td>流入件</td>
    <td>接起件</td><td>排队数</td>
    <td>呼损数</td><td>应答率</td>
    <td>服务水平率</td>
    <td>拨打件</td><td>拨打成功件</td>
    <td>成功率（%）</td><td>登陆</td><td>通话中</td>
    <td>准备好</td></tr>
    <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
 
    </table>
    </td></tr>
    
    <tr><td style="background:white" width="100%">
    <table cellspacing="0" cellpadding="0" width="100%" hight="100%">
    <tr><th>种类</th><th>组</th><th>坐席ID</th><th>坐席</th><th>DB权限</th><th>坐席状态</th><th>持续时间</th><th>最初登陆</th><th>最终登出</th></tr>
     <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
    </table>
    </td></tr>
                
    </table>

  </div>

<!-- --------------------------------------------------------content3-------------------------------------------------------------------- -->

<div id="content3" style="display:none">
    <table cellspacing="0" cellpadding="0">
      <tr>
        <th>种类</th>
        <th>总呼入数</th>
        <th>应答数</th>
        <th>排队数</th>
        <th>呼损数</th>
        <th>应答率</th> <th>服务水平率</th>
      </tr>
      <tr>
        <td>组织一</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td><td>&nbsp;</td>
      </tr>
      <tr>
        <td>组织二</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td><td>&nbsp;</td>
      </tr>
      <tr>
        <td>组织三</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td><td>&nbsp;</td>
      </tr>
      <tr>
        <td>组织四</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td><td>&nbsp;</td>
      </tr>                  
    </table>

  </div>
  
  <!-- --------------------------------------------------------content4-------------------------------------------------------------------- -->
  
  <div id="content4" style="display:none">
  
<table cellspacing="0" cellpadding="0">
      <tr>
        <th width="200" height="140" valign="middle"><h1>种类</h1></th>
        <th width="200" height="140" valign="middle"><h1>应答</h1></th>
        <th width="200" height="140" valign="middle"><h1>后处理</h1></th>
        <th width="200" height="140" valign="middle"><h1>保持</h1></th>
        <th width="200" height="140" valign="middle"><h1>拨打</h1></th>
        <th width="200" height="140" valign="middle"><h1>转接</h1></th>
        <th width="200" height="140" valign="middle"><h1>会议</h1></th>
        <th width="200" height="140" valign="middle"><h1>休息</h1></th>
        <th width="200" height="140" valign="middle"><h1>其他</h1></th>
      </tr>
      <tr>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql1.row1.a"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql1.row1.AgentBusy"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql1.row1.AgentWait"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql1.row1.b"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql1.row1.AgentNotReady"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql2.row1.WaitQueue"></span></h1></td>
         <td height="140" valign="middle"><h1>  <span id="dbobj1.sql2.row1.WaitQueue"></span></h1></td>
          <td height="140" valign="middle"><h1>  <span id="dbobj1.sql2.row1.WaitQueue"></span></h1></td>
           <td height="140" valign="middle"><h1>  <span id="dbobj1.sql2.row1.WaitQueue"></span></h1></td>
      </tr>
      <tr  width="200"  hight="300">
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql1.row2.a"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql1.row2.AgentBusy"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql1.row2.AgentWait"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql1.row2.b"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql1.row2.AgentNotReady"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql2.row1.WaitQueue"></span></h1></td>
         <td height="140" valign="middle"><h1>  <span id="dbobj1.sql2.row1.WaitQueue"></span></h1></td>
          <td height="140" valign="middle"><h1>  <span id="dbobj1.sql2.row1.WaitQueue"></span></h1></td>
           <td height="140" valign="middle"><h1>  <span id="dbobj1.sql2.row1.WaitQueue"></span></h1></td>
      </tr> 
       <tr  width="200"  hight="300">
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql1.row3.a"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql1.row3.AgentBusy"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql1.row3.AgentWait"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql1.row3.b"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql1.row3.AgentNotReady"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql2.row1.WaitQueue"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql2.row1.WaitQueue"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql2.row1.WaitQueue"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql2.row1.WaitQueue"></span></h1></td>
      </tr>
       <tr  width="200"  hight="300">
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql1.row4.a"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql1.row4.AgentBusy"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql1.row4.AgentWait"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql1.row4.b"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql1.row4.AgentNotReady"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql2.row1.WaitQueue"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql2.row1.WaitQueue"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql2.row1.WaitQueue"></span></h1></td>
        <td height="140" valign="middle"><h1>  <span id="dbobj1.sql2.row1.WaitQueue"></span></h1></td>
      </tr>               
    </table>

  </div>
  

</body>
</html>
